<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通知政策检索</title>
<script type="text/javascript">
        window.onload=function () {//加载完毕
            var hidediv=document.getElementById('hpn'),
                btn=document.getElementById('btn'),
                hflag=1;//标记是否隐藏
            btn.onclick=function () {
            	hidediv.style.display="none";
                if (hflag) {//当前为收起状态，展开函数
                    hidediv.style.display="block";
                    btn.innerHTML="收起选项";
                    hflag=0;
                }else {//当前为展开状态，收起函数
                     hidediv.style.display="none";
                     btn.innerHTML="高级检索";
                     hflag=1;
                }    
            }
        }
</script>

<style type="text/css">
		*{margin: 0;padding: 0;}
		.pn
		{
			background:#220088;
 			color:#FFFFFF;
 			font-size: 16px;
 			line-height:30px;
		}
		.nn
		{
		 	text-align:center;
		 	line-height:50px;
		 	height:50px;
		}
		.hpn
		{
			padding-left:25%;
			padding-bottom:10px;
			line-height:40px;
					}
		.table_div{ width:100%; margsin:0 auto;}
		body
		{
			font-size: 16px;
			line-height:40px;
			color:#220088;
		}
		.btn{
			text-decoration: underline;
			color: #FFFFFF;
		}
		.btn:hover{
		 	text-decoration: underline;
			color: red;
		}
		a
		{
			text-decoration: none;
			color: #220088;
		}
		a:hover
		{
			text-decoration: underline;
			color: red;
		}
		.inputDiv
		{
			width: 80%px;
			height: 25px;
		}
		.smBtn
		{
			background: #AAAAAA;
			color: #220088;
			font-size: 15px;
			height: 28px;
			border-radius: 2px;
		}
		.smBtn:hover
		{
			background: #4067EE;
		}
		.listchoose{
			font-size: 16px;
		}
.topnav {
			background: none;
			border: none;
			margin-bottom: 0px;
			padding-top: 10px;
		}
		
		.top-nav {
			padding-right: 0px;
			padding-left: 0px;
		}
		
		.container-fluid {
			padding-right: 5px;
			padding-left: 5px;
			margin-right: auto;
			margin-left: auto;
		}
		
		.navbar-default .navbar-collapse,
		.navbar-default .navbar-form {
			border-color: #e7e7e7;
		}
		/*@media all and (min-width:768px)*/
		
		.navbar-nav {
			float: left;
			margin: 0;
		}
		
		.nav {
			padding-left: 0px;
			margin-bottom: 0px;
			list-style: none;
		}
		/*@media all and (min-width:768px)*/
		
		.navbar-nav>li {
			float: left;
		}
		
		.nav>li {
			position: relative;
			display: block;
		}
		
		li {
			list-style: none;
		}
		
		.navbar-default .navbar-nav>li>a {
			color: #333;
		}
		
		.nav>li>a {
			padding: 10px 10.9px;
		}
		
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 20px;
		}
		
		.nav>li>a {
			position: relative;
			display: block;
			padding: 10px 15px;
		}
</style>
</head>

<body>
<div style="background-color:#01164b ; width: 100% ;height: auto;line-height: 34px;">
				<div class="top" style="height: 34px; line-height: 34px; margin: 0 auto ; width: 75%;">
					<div class=" container">
						<div class="row clearfix">
							<div class="col-md-9 column">
								<p style="line-height: 30px; color: #fff;">
									<b style="font-weight:700">欢迎访问北京师范大学政府管理学院！</b>
								</p>
							</div>
						</div>
					</div>
				</div>

			</div>

			<!--导航栏-->
			<div>
				<div class="logo-bg">
					<div class=" container" style="width: 80%;margin: 0 auto;">
						<div class="row clearfix" style="margin-left: -15px; margin-right: -15px;">
							<div class="col-md-4 column logo-box" style="width: 33%; float: left;">
								<a href="index.aspx">
									<img style="display: block;width: 100%;height: auto;" title="logo" class="img-responsive" alt="Cinque Terre" src="img/logo_03.png"></a>
							</div>

							<div class="col-md-8 column pn" style="width: 67%;float: left;">
								<div class="top-tell">
									<p style="margin: 0 0 10px; float: right;">
										<a style="text-decoration: none;color: #337ab7;" href="/english/index.aspx" target="_blank">English Version</a>
									</p>
								</div>
								<!--中文版 英文版-->
								<nav class="navbar navbar-default topnav" role="navigation" style="background:white;">
									<div class="container-fluid top-nav">
										<div class="collapse navbar-collapse top-nav" id="example-navbar-collapse" >
											<ul class="nav navbar-nav">
												<li>
													<a href="首页.html">首页</a>
												</li>

												<li class="dropdown">
													<a class="dropdown-toggle" href="tongzhizhengceSearch.jsp">通知政策 <b class="caret"></b>
													</a>
												</li>

												<li class="dropdown">
													<a class="dropdown-toggle" href="招聘实习.html">招聘实习<b class="caret"></b>
													</a>
												</li>

												<li class="dropdown">
													<a class="dropdown-toggle" href="院友信息.html">院友信息 <b class="caret"></b>
													</a>
												</li>

												<!--8-->
											</ul>
										</div>
									</div>
								</nav>
								<!--顶部导航-->
							</div>
						</div>
					</div>
				</div>
			</div>
<div><img src="images/通知政策.PNG" width="100%" height="350"/></div>
    <div id="pn" class="pn">
    <form class="box" action="" method="post">
    <div id="nn" class="nn">
        <a href="javascript:void(0);" id="btn" class="btn">高级检索</a>&nbsp;&nbsp;
        <input type="text" name="normalsearch" size="100" class="inputDiv"> 
        <input type="submit" name="normalsearchsubmit" value=" 搜   索 " class="smBtn">     
    </div>      
        <div id="hpn" class="hpn" style="display:none">
            	发布时间：<input type="date" name="datechoose1"> &nbsp;至 &nbsp; <input type="date" name="datechoose2"><br>
            	主题类别：<select name="category" size="1" class="listchoose">
            			<option value='1'>教学资源</option>
            			<option value='2'>学籍管理</option>
            			<option value='3'>国际交流</option>
            			<option value='4'>培养过程</option>
            		 </select><br>
            	<!-- 需要根据数据库实际设置的类别进行更改 -->
        </div>
    </form>
    </div>

<!--table表单层-->
<div class="table_div">
    <table class="table table-striped table-bordered table-hover" width=100%>
        <thead>
        <tr>
            <th align="center">主题类别</th>
            <th align="center">名称</th>
            <th align="center">发布时间</th>
        </tr>
        </thead>
        <tbody>
        <tr>
        <c:forEach var="members" items="${members}"><!-- 根据实际改members实体 -->
            <tr>
                <td align="center">${members.id}</td>
                <td align="center">${members.username}</td>
                <td align="center">${members.password}</td>
            </tr>
        </c:forEach>
        </tr>
        </tbody>
    </table>
   


<div style="width: 100%;height:2px;padding-left:5%;">
   <!--页数显示-->
      <p>共<font size="3" color="red">${pageUtil.pageNumber}</font>条,当前第<font size="3" color="red">${pageUtil.pageIndex}</font>页<br></p>
</div>
<!--分页-->
<div style="width: 93%;text-align:right;" >
        
       <a href="${APP_PATH }/member/list.do?pageIndex=1" >首页</a>
       <a href="${APP_PATH }/member/list.do?pageIndex=${pageUtil.pageIndex>1?pageUtil.pageIndex-1:1}" class='pre'>上一页</a>
        <c:forEach begin="1" end="${pageUtil.pageCount}" var="i">
            <a href="${APP_PATH }/member/list.do?pageIndex=${i}" style="text-decoration: none;">${i}</a>
        </c:forEach>

        <a href="${APP_PATH }/member/list.do?pageIndex=${pageUtil.pageIndex<pageUtil.pageCount?pageUtil.pageIndex+1:pageUtil.pageCount}"  class='next'>下一页</a>
        <a href="${APP_PATH }/member/list.do?pageIndex=${pageUtil.pageCount}" class='last' >末页</a>

</div>
</div>
<%@include file="foot.html" %>
</body>

</html>